<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <script>
    	if(localStorage.getItem("language") == "zh_cn"){
    		document.write("<script type='text/javascript' src='js/zh_cn.js'><\/script>");
    	}else if(localStorage.getItem("language") == "zh_tw"){
    		document.write("<script type='text/javascript' src='js/zh_tw.js'><\/script>");
    	}else{
    		document.write("<script type='text/javascript' src='js/en.js'><\/script>");
    	}
    </script>
    <script type="text/javascript" src="jquery.js"></script>
    <style type="text/css">

    	*{margin: 0px;padding: 0px;font-size: 12px;}
		table{width: 100%;padding: 0px;margin:0px;border-spacing:0px;border: 1px solid #ccc;border-radius: 4px;}
		table th,table td{text-align: center;border: 1px solid #ccc;}
		table tr:nth-child(even){
			background: #f5f5f5;
		}
		thead tr{height: 30px;}
		button{min-width: 64px;line-height: 20px;margin: 0px 10px;border-radius: 4px;color: #333;border: 1px solid #ccc;background-color: #fff;cursor: pointer;padding: 2px 7px 2px;color: #fff;background-color: #337ab7;border-color: #2e6da4;}
    table img{width: 30px;}
    </style>
</head>
<body>
	<div style="width: 98%;padding: 1%;">
		<table>
			<tbody>
				<tr>
					<td>1</td>
					<td style="padding: 15px;"><img src="1.jpg" /></td>
					<td>张1</td>
					<td>12345678912</td>
					<td>1377067747@qq.com</td>
					<td>Software Department</td>
					<td>manager</td>
					<td><button>edit</button><button>delete</button></td>
				</tr>
				<tr>
					<td>2</td>
					<td style="padding: 15px;"><img src="1.jpg" /></td>
					<td>张2</td>
					<td>12345678912</td>
					<td>1377067747@qq.com</td>
					<td>Software Department</td>
					<td>Internship</td>
					<td><button>edit</button><button>delete</button></td>
				</tr>
				<tr>
					<td>3</td>
					<td style="padding: 15px;"><img src="1.jpg" /></td>
					<td>张3</td>
					<td>12345678912</td>
					<td>1377067747@qq.com</td>
					<td>Software Department</td>
					<td>staff</td>
					<td><button>edit</button><button>delete</button></td>
				</tr>
				<tr>
					<td>4</td>
					<td style="padding: 15px;"><img src="1.jpg" /></td>
					<td>张4</td>
					<td>12345678912</td>
					<td>1377067747@qq.com</td>
					<td>Software Department</td>
					<td>staff</td>
					<td><button>edit</button><button>delete</button></td>
				</tr>
				<tr>
					<td>5</td>
					<td style="padding: 15px;"><img src="1.jpg" /></td>
					<td>张5</td>
					<td>12345678912</td>
					<td>1377067747@qq.com</td>
					<td>Software Department</td>
					<td>staff</td>
					<td><button>edit</button><button>delete</button></td>
				</tr>
			</tbody>
			<thead>
				<tr>
					<td colspan="4" style="text-align:left;line-height: 40px;border-right: 0px;font-weight: bold;padding-left: 30px;">document.write(language.weihu_yuangong)</script><input type="text" placeholder="search" style="padding: 5px;margin-left: 20px;border-radius: 4px;border:1px solid #ccc;" /></td>
					<td colspan="4" style="text-align:right;line-height: 40px;border-left: 0px;"><button>increase</button></td>
				</tr>
				<tr style="background: #f5f5f5;">
					<th style="width: 5%;"><script>document.write(language.order_number)</script></th>
					<th style="width: 10%;"><script>document.write(language.Head_portrait)</script></th>
					<th style="width: 10%;"><script>document.write(language.name)</script></th>
					<th style="width: 10%;"><script>document.write(language.telphone)</script></th>
					<th style="width: 15%;"><script>document.write(language.email)</script></th>
					<th style="width: 15%;"><script>document.write(language.department)</script></th>
					<th style="width: 15%;"><script>document.write(language.position)</script></th>
					<th style="width: 20%;"><script>document.write(language.operation)</script></th>
				</tr>
			</thead>
		</table>
	</div>
</body>
</html>